<!doctype html>
<html lang='zh-Hans-CN'>
	<head>
		<!--头部-->
		<meta http-equiv='content-type' content='textml' charset='utf-8'>
		<meta name='Generator' content="EditPlus®">
		<meta name='Author' content='宋臣'>
		<meta name='Keywords' content='洗护,美容,养眼'>
		<meta name='Description' content='马云又来坑钱了,大家快跑!'>
		<title>淘宝侧边栏</title>
		<!--定义外部样式-->
		<link rel='stylesheet' type='text/css' href='css/work.css'>
		<style>
			/*定义内部样式*/
		</style>	
	</head>

	<body>
		<!--内容区-->
		<div id='main'>
			<div id='header-area'>
				<div id='header'>
					<ul>
						<li><div class='corner'></div>主题: 淘宝侧边栏</li>
						<li><div class='corner'></div>邮箱: socovo@live.com</li>
						<li><div class='corner'></div>姓名: 宋臣</li>
					</ul>
				</div>
			</div>
			<div id='content-area'>
				<div id='content'>
					<div id='title'>
						<h3><a href='#' style='color:white;'>全部产品</a></h3>
					</div>
					<div class='content-large'>
						<div id='pic-face'></div>
						<h4><a href='#' style='color:black;'>产品系列</a></h4>
						<p><a href='#' style='color:red;'>豆乳补水</a> <a href='#' style='color:black;'>大米修复</a> <a href='#' style='color:black;'>樱花褪黄</a> <a href='#' style='color:black;'>小麦清润</a> <a href='#' style='color:red;'>苹果籽-孕纹护理</a> <a href='#' style='color:black;'>洋甘菊-舒缓修复</a> <a href='#' style='color:black;'>其他单品</a></p>
					</div>
					<div class='line'></div>
					<div class='content-large'>
						<div id='pic-body'></div>
						<h4><a href='#' style='color:black;'>产品功效</a></h4>
						<ul>
							<li><a href='#' style='color:red;'>保湿补水</a></li>
							<li><a href='#' style='color:black;'>美白亮肤</a></li>
							<li><a href='#' style='color:black;'>控油</a></li>
							<li><a href='#' style='color:black;'>紧致抗皱</a></li>
							<li><a href='#' style='color:red;'>妊娠纹-防护</a></li>
							<li><a href='#' style='color:black;'>舒缓敏感</a></li>
							<li><a href='#' style='color:black;'>眼部护理</a></li>
							<li><a href='#' style='color:black;'>护唇</a></li>
						</ul>
					</div>
					<div class='line'></div>
					<div class='content-large'>
						<div id='pic-wen'></div>
						<h4><a href='#' style='color:black;'>面部护理步骤</a></h4>
						<ul>
							<li><a href='#' style='color:black;'>洁面</a></li>
							<li><a href='#' style='color:red;'>水</a></li>
							<li><a href='#' style='color:black;'>眼睛</a></li>
							<li><a href='#' style='color:black;'>精华液</a></li>
							<li><a href='#' style='color:black;'>乳液</a></li>
							<li><a href='#' style='color:black;'>面霜</a></li>
							<li><a href='#' style='color:black;'>隔离</a></li>
							<li><a href='#' style='color:black;'>BB霜</a></li>
							<li><a href='#' style='color:red;'>CC霜</a></li>
							<li><a href='#' style='color:black;'>面膜</a></li>
							<li><a href='#' style='color:black;'>唇膏</a></li>
							<li><a href='#' style='color:black;'>卸妆油</a></li>
						</ul>
					</div>
					<div class='line'></div>
					<div class='content-large'>
						<div id='pic-pro'></div>
						<h4><a href='#' style='color:black;'>身体护理步骤</a></h4>
						<ul>
							<li><a href='#' style='color:red;'>洗发护发</a></li>
							<li><a href='#' style='color:black;'>身体洗护</a></li>
							<li><a href='#' style='color:black;'>孕纹护理</a></li>
						</ul>
					</div>
					<div class='line'></div>
				</div>
			</div>
			<div id='footer-area'>
				<div id='footer'>
				</div>
			</div>
		</div>
	</body>
</html>
